//#region 获取dom元素
const registerBox = document.querySelector('.register'); // 注册 盒子
const loginBox = document.querySelector('.login'); // 登录 盒子
const registerA = document.querySelector('.register-a'); // 注册  a 标签
const loginA = document.querySelector('.login-a'); // 登录 a 标签
const loginForm = document.querySelector('.login form'); // 获取登录表单
//#endregion

//#region 给登录和注册的a标签都绑定点击事件
registerA.addEventListener('click', function () {
  // 隐藏注册 显示登录
  registerBox.style.display = 'none';
  loginBox.style.display = 'block';
});

loginA.addEventListener('click', function () {
  // 隐藏登录 显示注册
  loginBox.style.display = 'none';
  registerBox.style.display = 'block';
});
//#endregion

//#region 登录表单 提交
loginForm.addEventListener('submit', function (event) {
  // 阻止默认行为
  event.preventDefault();

  // location.href = "/index.html";// 根路径 绝对路径
  // location.href = "../../index.html";// 相对路径
  // location.href = "./index.html";// 相对路径

  // 建议 打开页面的方式 选择 open with live server
  // 设置页面的路径 选择 相对路径  location.href = "./index.html"

  // 快速获取登录表单的数据
  // $(".login form") // 加字符串表示选择器
  // $(loginForm) // 表示正常 dom元素
  const data = $(loginForm).serialize();

  axios.post('/api/login', data).then((result) => {
    console.log(result);
    // 业务状态码  code = 0  正常 其他 错误
    if (result.data.code === 0) {
      const token = result.data.token;
      // // 存在本地存储中
      localStorage.setItem('token', token);
      // 显示提示框
      toastr.success(result.data.message);

      setTimeout(() => {
        location.href = './index.html';
      }, 1500);
    } else {
      // 错误 
      toastr.error(result.data.message);
    }
  });
});
//#endregion
